<template>
    <div class="panel-header clearfix">
        <span><slot></slot></span>
        <a href="#"><i class="pull-right icon icon-close"></i></a>
    </div>
</template>

<script>
	export default {
		name: 'PanelHeader'
	};
</script>

<style scoped="">
    .panel-header {
        height: 32px;
        background-color: #898989;
    }

    .panel-header > span {
        color: white;
        padding-left: 15px;
        line-height: 33px;
        font-size: 12px;
    }

    .icon-close {
        background-position-x: 30px;
        background-position-y: -318px;
        width: 16px;
        height: 16px;
        display: inline-block;
        margin-top: 8px;
        margin-right: 15px;
    }
</style>
